{% extends 'front/layout/layout.html' %}
{% block content %}
    <div class="container">
        <div class="con_content">
            <div class="about_box">
                <h2 class="nh1"><span>您现在的位置是：<a href="/" target="_blank">网站首页</a>>><a href="#"
                                                                                       target="_blank">学习笔记</a></span><b></b>
                </h2>
                <div class="dtxw box">
                    {% for cate in cates %}
                        <li>
                            <div class="dttext">
                                <div class="xwpic">
                                    <a href="/show{{ cate.id }}.html">
                                        {% if cate.picture %}
                                            <img src="/{{ cate.picture|safe }}"
                                                 alt="{{ cate.describles|safe }}">
                                        {% else %}
                                            <img src="/static/front/images/02.jpg" alt="暂无专题图片">
                                        {% endif %}
                                    </a>
                                </div>
                                <ul>
                                    <h2>
                                        <a href="/show{{ cate.id }}.html">{{ cate.cate_name }}</a>
                                    </h2>
                                    <p>{{ cate.describles|truncatechars:100 }}</p>

                                    <!--<div class="binfo">
                                        <span>已有{{ art.click }}阅读</span>
                                        <span class="atime">{{ art.add_time }}</span>
                                    </div>-->
                                </ul>
                            </div>
                        </li>
                    {% endfor %}
                </div>

            </div>
        </div>
        <div class="blank"></div>
        <!-- container代码 结束 -->
        {{ page_html|safe }}
    </div>
{% endblock %}


